<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/about.css">
  <link rel="stylesheet" href="libs/wow/animate.min.css">
  <title>关于我们</title>
</head>

<body>
  <div class="container-fluid">
    <!-- 头部 -->
    <div class="row header">
      <div class="col-md-3">
        <!-- logo -->
        <img src="images/index/logo.png" class="logo" alt="">
      </div>
      <div class="col-md-9">
        <!-- 导航 -->
        <!-- Static navbar -->
        <nav class="navbar navbar-default">
          <div class="container-fluid">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <!-- logo -->
              <img src="images/index/logo.png" class="logo2" alt="">
            </div>
            <div id="navbar" class="navbar-collapse collapse">
              <ul class="nav navbar-nav">
                <li class="active"><a href="index.html">首页</a></li>
                <li><a href="more.html">更多产品</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="case.html">经典案例</a></li>
                <li><a href="service.html">售后服务</a></li>
                <li><a href="contact.html">联系我们</a></li>
                <li><a href="desc.html">企业介绍</a></li>
              </ul>
            </div>
            <!--/.nav-collapse -->
          </div>
          <!--/.container-fluid -->
        </nav>

        <ul class="pull-right nav navbar2">
          <li><a href="index.html">首页</a></li>
          <li><a href="more.html">更多产品</a></li>
          <li><a href="about.html">关于我们</a></li>
          <li><a href="case.html">经典案例</a></li>
          <li><a href="service.html">售后服务</a></li>
          <li><a href="contact.html">联系我们</a></li>
          <li><a href="desc.html">企业介绍</a></li>

        </ul>
        <div class="clearfix"></div>
      </div>
    </div>

    <!--  关于我们-->
    <div class="about">
      <h1>关于我们</h1>
      <p>
        好物网是上海包图网络科技有限公司旗下素材在线交易网站，于2016年7月上线运
        营。主要服务是提供图片、视频、音频、psd源文件
        等形式的素材。好物网内容版块已有广告设
        计、摄影图、字体、UI设计、电商淘宝、多媒体、办公文档、装饰·模型、插画配图九大类别。
      </p>
      <div class="about_detail">
        <div class="item">
          <img src="images/about/logo02.png" alt="">
          <h3>好物原创</h3>
          <P>在这里介绍好物原创网站内容说明及下载权限信息</P>
        </div>
        <div class="item">
          <img src="images/about/logo02.png" alt="">
          <h3>好物原创</h3>
          <P>在这里介绍好物原创网站内容说明及下载权限信息</P>
        </div>
        <div class="item">
          <img src="images/about/logo02.png" alt="">
          <h3>好物原创</h3>
          <P>在这里介绍好物原创网站内容说明及下载权限信息</P>
        </div>
      </div>
    </div>
    <!-- 广告 -->
    <div class="ad row">
      <div class="col-sm-2 hidden-xs"></div>
      <div class="col-sm-8 middle">
        <div class="card">
          <img src="images/about/icon01.png" alt="">
          <h3>家居家电系列图标</h3>
          <hr />
          <p>
            6月份热门图标出来了，家具家电、互联网家装、智能家居等
            等，快来报名参与设计吧，丰厚的奖励还有荣誉证书等你~
          </p>
        </div>
        <div class="card">
          <img src="images/about/icon02.png" alt="">
          <h3>家居家电系列图标</h3>
          <hr />
          <p>
            6月份热门图标出来了，家具家电、互联网家装、智能家居等
            等，快来报名参与设计吧，丰厚的奖励还有荣誉证书等你~
          </p>
        </div>
        <div class="card">
          <img src="images/about/icon03.png" alt="">
          <h3>家居家电系列图标</h3>
          <hr />
          <p>
            6月份热门图标出来了，家具家电、互联网家装、智能家居等
            等，快来报名参与设计吧，丰厚的奖励还有荣誉证书等你~
          </p>
        </div>
      </div>
      <div class="col-sm-2 hidden-xs"></div>
    </div>
    <!-- 加入包图企业版 -->
    <div class="join">
      <h1 class="title">加入包图企业版</h1>
      <p class="desc">☆ 正版素材海量下载，商业使用零风险，现在购买赠送专属VIP服务 ☆</p>
      <div class="row">
        <div class="col-sm-2"></div>
        <ul class="col-sm-8 middle">
          <li class="wow bounceInLeft">
            <img src="images/about/icon04.png" alt="">
            <div class="right">
              <h4>作品24小时更新</h4>
              <p>包图网作品库24小时不间断更新</p>
            </div>
          </li>
          <li class="wow bounceInLeft">
            <img src="images/about/icon05.png" alt="">
            <div class="right">
              <h4>作品24小时更新</h4>
              <p>包图网作品库24小 时不间断更新</p>
            </div>
          </li>
          <li class="wow bounceInLeft">
            <img src="images/about/icon06.png" alt="">
            <div class="right">
              <h4>作品24小时更新</h4>
              <p>包图网作品库24小时不间断更新</p>
            </div>
          </li>
          <li class="wow bounceInLeft">
            <img src="images/about/icon07.png" alt="">
            <div class="right">
              <h4>作品24小时更新</h4>
              <p>包图网作品库24小时不间断更新</p>
            </div>
          </li>
          <li class="wow bounceInRight">
            <img src="images/about/icon08.png" alt="">
            <div class="right">
              <h4>作品24小时更新</h4>
              <p>包图网作品库24小时不间断更新</p>
            </div>
          </li>
          <li class="wow bounceInRight">
            <img src="images/about/icon09.png" alt="">
            <div class="right">
              <h4>作品24小时更新</h4>
              <p>包图网作品库24小时不间断更新</p>
            </div>
          </li>
          <li class="wow bounceInRight">
            <img src="images/about/icon10.png" alt="">
            <div class="right">
              <h4>作品24小时更新</h4>
              <p>包图网作品库24小时不间断更新</p>
            </div>
          </li>
          <li class="wow bounceInRight">
            <img src="images/about/icon11.png" alt="">
            <div class="right">
              <h4>作品24小时更新</h4>
              <p>包图网作品库24小时不间断更新</p>
            </div>
          </li>
        </ul>
        <div class="col-sm-2"></div>
      </div>
      <div class="type">
        <ul>
          <li>
            <img src="images/about/icon12.png" alt="">
            <h3>科技创新 </h3>
            <p class="desc">
              控制收车风险，树立诚信品牌控制车
              风险，树立诚信品牌控制收车风险树
              立诚信品牌控制收车风险，树立诚品
              牌控制收车风险，树立诚信品牌控收
              车风险，树立诚信品牌控制收车险，
              树立诚信品牌
            </p>
            <img src="images/about/bottom.png" alt="" class="bottom">
          </li>
          <li>
            <img src="images/about/icon12.png" alt="">
            <h3>科技创新 </h3>
            <p class="desc">
              控制收车风险，树立诚信品牌控制车
              风险，树立诚信品牌控制收车风险树
              立诚信品牌控制收车风险，树立诚品
              牌控制收车风险，树立诚信品牌控收
              车风险，树立诚信品牌控制收车险，
              树立诚信品牌
            </p>
            <img src="images/about/bottom.png" alt="" class="bottom">
          </li>
          <li>
            <img src="images/about/icon12.png" alt="">
            <h3>科技创新 </h3>
            <p class="desc">
              控制收车风险，树立诚信品牌控制车
              风险，树立诚信品牌控制收车风险树
              立诚信品牌控制收车风险，树立诚品
              牌控制收车风险，树立诚信品牌控收
              车风险，树立诚信品牌控制收车险，
              树立诚信品牌
            </p>
            <img src="images/about/bottom.png" alt="" class="bottom">
          </li>
        </ul>
      </div>
      <div class="service">
        <ul>
          <li>
            <img src="images/about/icon15.png" alt="">
            <h3>正版授权</h3>
            <p>全球范围永久使用，正版担
              保，商业使用零风险</p>
          </li>
          <li>
            <img src="images/about/icon16.png" alt="">
            <h3>正版授权</h3>
            <p>全球范围永久使用，正版担
              保，商业使用零风险</p>
          </li>
          <li>
            <img src="images/about/icon17.png" alt="">
            <h3>正版授权</h3>
            <p>全球范围永久使用，正版担
              保，商业使用零风险</p>
          </li>
        </ul>
      </div>
    </div>
    <!-- footer -->
    <div class="footer">
      <div class="logo_list row">
        <div class="col-sm-2"></div>
        <div class="col-sm-8 middle">
          <ul>
            <li>LOGO</li>
            <li>LOGO</li>
            <li>LOGO</li>
            <li>LOGO</li>
            <li>LOGO</li>
            <li>LOGO</li>
          </ul>
        </div>
        <div class="col-sm-2"></div>
      </div>
      <div class="row">
        <div class="col-sm-2 hidden-xs"></div>

        <!-- 768以下的二维码 -->
        <div class="row visible-xs xerweima">
          <div class="col-xs-3"></div>
          <div class="col-xs-6 .middle">
            <div class="clearfix  footer_right">
              <div class="pull-left">
                <div class="img"></div>
                <p>公众号</p>
              </div>
              <div class="pull-right">
                <div class="img"></div>
                <p>APP下载</p>
              </div>
            </div>
          </div>
          <div class="col-xs-3"></div>
        </div>


        <div class="col-sm-6 col-xs-12 middle">
          <p>版权所有：上海市包图网科技有限公司 沪公网安备31011502400137号 Copyright©2016-2019 包图网ibaotu.com </p>
          <p>地址：上海市浦东新区张江微电子港1号楼201室</p>
          <p>投诉电话：0000-99999999 咨询电话：0000-99999999 投诉邮箱：tousu@baotu.com</p>
          <p>为了防范电信网络诈骗，如接到962110来电，请立即接听</p>
        </div>

        <!-- 768以上的二维码 -->
        <div class="col-sm-4 clearfix hidden-xs footer_right">
          <div class="pull-left">
            <div class="img"></div>
            <p>公众号</p>
          </div>
          <div class="pull-left">
            <div class="img"></div>
            <p>APP下载</p>
          </div>
        </div>

      </div>
    </div>
  </div>

  </div>



  <script src="js/jquery.min.js"></script>
  <script src="bootstrap/js/bootstrap.min.js"></script>
  <script src="libs/wow/wow.min.js"></script>
  <script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
      new WOW().init();
    };
  </script>


  </div>
</body>

</html>